@import '../variable.scss';
@import '../mixins.scss';

.address__manage {
  color: $content-fontcolor;
  @include background;
  header {
    background: #FFF;
    padding: .14rem .18rem;
    display: flex;
    align-items: center;
    .icon-back {
      color: $back-iconColor;
      font-size: .18rem;
    }
    .title {
      flex: 1;
      font-size: .16rem;
      text-align: center;
    }
    .new {
      text-align: right;
      font-size: .14rem;
    }
  }
  .address__title {
    padding: 0 .18rem;
    font-size: .14rem;
    margin: .16rem 0 .12rem;
  }
  .addresses {
    padding: 0 .18rem;
    .address {
      background: #FFF;
      margin-bottom: .12rem;
      border-radius: .04rem;
      display: flex;
      align-items: center;
      &__content {
        flex: 1;
        margin: .18rem .16rem;
        &__header {
          display: flex;
          font-size: .14rem;
          color: $light-fontColor;
        }
        &__name {
          margin-right: .66rem;
        }
        &__detail {
          font-size: .14rem;
          margin-top: .08rem;
        }
      }
      .icon-back {
        color: $light-fontColor;
        font-size: .16rem;
        margin-right: .16rem;
        transform: rotate(180deg);
      }
    }
  }
}

.address__edit {
  color: $content-fontcolor;
  @include background;
  header {
    background: #FFF;
    padding: .14rem .18rem;
    display: flex;
    align-items: center;
    .icon-back {
      color: $back-iconColor;
      font-size: .18rem;
    }
    .title {
      flex: 1;
      font-size: .16rem;
      text-align: center;
    }
    .save {
      text-align: right;
      font-size: .14rem;
    }
  }
  .input__area {
    margin-top: .12rem;
    background: #FFF;
  }
}

.cell__input {
  padding: .12rem .18rem;
  display: flex;
  font-size: .14rem;
  border-bottom: .01rem solid $content-bgColor;
  &__label {
    color: $medium-fontColor;
  }
  &__input {
    flex: 1;
    margin-left: .1rem;
    color: $medium-fontColor;
    input {
      width: 100%;
      @include customInput;
      color: #151515;
    }
  }
}